﻿<div [@routerTransition]>
    <h1>{{l("Tenants")}}</h1>
    <div class="row">
        <div class="col-md-12">
            <button data-toggle="modal" class="btn btn-primary pull-right" (click)="createTenant()"><i class="fa fa-plus"></i> {{l("CreateNewTenant")}}</button>
            <table class="table">
                <thead>
                <tr>
                    <th>{{l("TenancyName")}}</th>
                    <th>{{l("Name")}}</th>
                </tr>
                </thead>
                <tbody>
                <tr *ngFor="let tenant of tenants">
                    <td>{{tenant.tenancyName}}</td>
                    <td>{{tenant.name}}</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<createTenantModal #createTenantModal (modalSave)="getTenants()"></createTenantModal>